import React,{useState} from "react";
import {useNavigate} from 'react-router-dom'
import '../KFR_css/yy_ys.css'
import { LeftOutline,RightOutline } from 'antd-mobile-icons'

export default function Yy_ys(){
    const navigate = useNavigate()
    return (
        <div className="yy_ys">
            <div className="yy_ys_1">
                <div className="yy_ys_1_1">
                    <div className="yy_ys_1_1_1">
                    <LeftOutline fontSize={18}/>
                    </div>
                    <div className="yy_ys_1_1_2">医院医生</div>
                </div>
            </div>

            <div className="yy_ys_2">
                <div className="yy_ys_2_1">
                    <div className="yy_ys_2_1_1">皮肤科</div>
                    <div className="yy_ys_2_1_2">北京协和医院</div>
                </div>
            </div>

            <div className="yy_ys_3">
                <div className="yy_ys_3_1">
                    <div className="yy_ys_3_1_1">
                        <div className="yy_ys_3_1_1_1">
                            <div className="yy_ys_3_1_1_1_1">医生列表</div>
                            <div className="yy_ys_3_1_1_1_2">查看全部
                            <RightOutline />
                            </div>
                        </div>
                        <div className="yy_ys_3_1_1_2">
                            <ul>
                                <li>
                                    <div className="yy_ys_3_1_1_2_1">
                                        <div className="yy_ys_3_1_1_2_1_1">
                                            <img src="/KFR_imgs/5.webp"/>
                                        </div>
                                        <div className="yy_ys_3_1_1_2_1_2"></div>
                                    </div>
                                    <div className="yy_ys_3_1_1_2_2">
                                        <div className="yy_ys_3_1_1_2_2_1"></div>
                                        <div className="yy_ys_3_1_1_2_2_2"></div>
                                        <div className="yy_ys_3_1_1_2_2_3"></div>
                                    </div>
                                </li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div className="yy_ys_4"></div>
        </div>
    )
}